import React, {useState} from 'react'
import { Card } from 'antd'
import ReactEcharts from 'echarts-for-react'
import TypeStyle from './../type/type.module.scss'


export default function Echarts1() {
  const [option] = useState({
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: [
      {
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
      }
    ]
  })
  return (
    <Card className={`${TypeStyle.card}`} title="销售对比图" size='small'>
      <ReactEcharts className={TypeStyle.echarts} option={option}></ReactEcharts>
    </Card>
  )
}
